<div th:fragment="sidebar" class="pb-sidebar">
    <div class="about panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">配送地址</h3>
        </div>
        <div class="panel-body">
            <div class="address" id="noAddress">
                <span>暂无任何收货地址，请先添加</span>
            </div>
            <div class="address" id="address">
                <h3 id="name" class="name">张三</h3>
                <span id="phone" class="phone">15623826795</span>
                <p id="description" class="description">广东省广州市</p>
                <button type="button" style="display: inline-block" id="openAddress"  data-toggle="modal" data-target="#addressListModal" class="btn btn-default">选择其他地址</button>
            </div>
        </div>
    </div>
    <div class="about panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">已选订单</h3>
        </div>
        <div class="panel-body">
            <ul id="orderList">

            </ul>

            <div>
                <button type="button" style="display: inline-block" id="createOrder" class="btn btn-default">立即下单</button>
                <ul style="display: inline-block;font-size: 20px;color: red;padding-left: 20px">
                    <li>
                        <span id="totalMoney">0</span>
                        <span >元</span>
                    </li>
                </ul>

            </div>
        </div>
    </div>

    <div id="addressListModal" class="modal fade" tabindex="-1" role="dialog" style="top: 50px!important;">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">选择收货地址</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <ul id="addressList">
                        </ul>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <div class="pull-right">
                                <button type="button" id="selectAddress" class="btn btn-info">确定</button>
                                <button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>



</div>